<!DOCTYPE html>
<html>
<head>
<!-- <title>index.html</title> -->
<title>404页面集合</title>

<link rel="shortcut icon" href="/404pages/images/favicon-404.ico"/>
<meta http-equiv="keywords" content="404页面">
<meta http-equiv="description" content="自定义404页面">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="./css/index.css">

<style type="text/css">

</style>
</head>

<body>
	<h1 id="title">404页面集合</h1>
	<!-- height: 200px; width: 200px;  -->
	<div style="padding-top: 20px;">
		<div class="left">
			<ol>
				<div class="ol-title">静态404页面</div>
				<li>
					<a href="./1static-picture/1_1_404page/transparent-404page.html">透明简约404页面</a>
				</li>
				<li>
					<a href="./1static-picture/1_2_404page/dark-404page.html">暗黑主题404页面</a>
				</li>
				<li>
					<a href="./1static-picture/1_3_404page/airplane-404page.html">飞机404页面</a>
				</li>
				<li>
					<a href="./1static-picture/1_4_404page/crying-face-404page.html">哭脸404页面</a>
				</li>
				<li>
					<a href="./1static-picture/1_5_404page/blue-text-404page.html">蓝色简约-纯文字404页面</a>
				</li>
			</ol>
		</div>

		<div class="middle">
			<ol>
				<div class="ol-title">动态404页面</div>
				<li>
					<a href="./2js-animate/2_1_on-the-sea/sea-404page.html">纯css3海面404页面动画特效</a>
				</li>
				<li>
					<a href="./2js-animate/2_2_tx-search-children/tx-search_children-404page.html">腾讯公益-404页面</a>
				</li>
			</ol>
		</div>
		<div class="right">
			<ol>
				<div class="ol-title">404小游戏</div>
				<li>
					<a href="./3mini-games/3_1_phaser-catch-the-cat/3_1_phaser-catch-the-cat.html">吾爱破解社区-《圈小猫》</a>
				</li>
			</ol>
		</div>
	</div>

	<ol style="clear: both;">
		<div class="ol-title" style="text-align: left;">补充内容：</div>
		<li>
			<a href="./0append/3use-js-ways.html">应用js的三种方式</a>
		</li>
		<li>
			<a href="./0append/invalidHref.html">使超链接失效的方法</a>
		</li>
		<li>
			<a href="./0append/goback.html">实现跳转到上一页的方法</a>
		</li>
	</ol>

	<div class="footer">
		<p>
			Copyright@2019 荷塘月色 All rights reserved.
			<a href="https://blog.csdn.net/weixin_41287260" target="_blank" title="我的博客"> 我的博客</a>
		</p>
	</div>

</body>
</html>